<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="__CSS__/mui.min.css">
	<link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css" />
	<link rel="stylesheet" href="__CSS__/defalut.theme.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-icon mui-icon-left-nav mui-pull-left" href="{:url('Index/index')}"></a>
    <h1 class="mui-title">栏目频道</h1>
</header>
<div class="mui-content">
    <ul style="margin-top:0px;" class="mui-table-view">
        {foreach $data as $vo}
        <li class="mui-table-view-cell mui-media">
            <a href="{:url('Article/index', array('id' => $vo['id']))}">
                <img class="mui-media-object mui-pull-left" src="__IMG__/cbd.jpg">
                <div class="mui-media-body">
                    {$vo.title}
                    <p class='mui-ellipsis'>{$vo.depict}</p>
                </div>
            </a>
        </li>
        {/foreach}
    </ul>
</div>
<script src="__JS__/mui.min.js"></script>
<script type="text/javascript">
</script>
</body>
</html>